<template>
  <div class="new-MV-wrap">
    <div class="avater">
      <el-image  :src="newMv.cover" fit="cover"></el-image>
    </div>
    <div class="mv-info">
        <p>{{newMv.name}}</p>
        <p>{{newMv.artists[0].name}}</p>
    </div>
  </div>
</template>

<script lang='ts'>
import { defineComponent } from "vue";
export default defineComponent({
  setup(props) {
    console.log("mvinfo",props.newMv)
    return {};
  },
   props: {
    newMv: {
      type: Object,
    },
  },
});
</script>
 
<style lang="scss" scoped>
    @import "../../assets/css/home.scss";
</style>